<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"      
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui">

<h:head>
	<title>Header</title>
</h:head>
      
<h:body>
	<h:form style="background-color:#6e6d71;height:44px;">
		<p:toolbar> 
		    <p:toolbarGroup align="left">
		      	<h:panelGrid id="panel1" columns="3" border="0" style="height:44px;">
		      		<p:spacer width="100px" height="10px"/> 
		      		<h:outputText value="   Personal   " styleClass="ui-button-text"/>
		      		<h:outputText value="   Business   "/>
				</h:panelGrid>   
		    </p:toolbarGroup>  
		  
		    <p:toolbarGroup align="right" styleClass="ui-toolbar ui-widget ui-corner-all ui-helper-clearfix"> 
		    	<h:panelGrid id="panel2" border="0">
		    		<p:row>
		    			<p:column>
		    				<p:spacer height="1px"/>
		    			</p:column>
		    		</p:row>
		    		<p:row>
		    			<p:column>
		    				<p:inputText id="username" />
		    			</p:column>
		    			<p:column>
		    				<p:password  id="password" />
		    			</p:column>
		    			<p:column>
   			     		    <p:commandButton type="button" value="Log In"  style="width: auto; height: 30px;font-size:80%;"/>
		    			</p:column>
		    			<p:column>
		        			<p:commandButton type="button" value="Sign Up" style="width: auto; height: 30px;font-size:80%;"/>  
		    			</p:column>
		    		</p:row>
				</h:panelGrid>   
		    	<p:watermark for="username" value="username or email" />  
		    	<p:watermark for="password" value="password" />
		    </p:toolbarGroup>   
		</p:toolbar>  
	</h:form>        
</h:body>
</html>
                    